<template>
  <div class="face-wrap">
    <agreement v-model="isShow" :list="['demo']" :interval="5" @done="done" />
    <span @click="isShow = true">text</span>
  </div>
</template>
<script>
import agreement from "../components/agreements";
export default {
  name: "AgreementPage",
  data() {
    return {
      isShow: false,
    };
  },
  components: { agreement },
  beforeRouteEnter(to, from, next) {
    next();
  },
  mounted() {
    // this.$alert("asdsadadsa");
  },
  methods: {
    done(close) {
      setTimeout(() => close(), 2000);
    },
  },
};
</script>
<style lang="scss"></style>
